<!--
 * Copyright (c) 2017-2019 Contributors to the Eclipse Foundation
 *
 * See the NOTICE file(s) distributed with this work for additional
 * information regarding copyright ownership.
 *
 * This program and the accompanying materials are made available under the
 * terms of the Eclipse Public License 2.0 which is available at
 * http://www.eclipse.org/legal/epl-2.0, or the Apache Software License 2.0
 * which is available at https://www.apache.org/licenses/LICENSE-2.0.
 *
 * SPDX-License-Identifier: EPL-2.0 OR Apache-2.0
-->
<div *ngIf="!templateProperties"
     style="display: flex; justify-content: center; align-items: center">
    <i class="fa fa-3x fa-refresh fa-spin" style="max-width: 50%;"></i>
</div>
<winery-kv-properties *ngIf="propertyDefinitionType == 'KV'"
                      [readonly]="readonly"
                      [nodeProperties]="templateProperties"
                      [nodeId]="this.nodeId"
                      [entityType]="this.entityType"
                      (propertyEdited)="kvPropertyEdit($event)">
</winery-kv-properties>

<winery-yaml-properties *ngIf="propertyDefinitionType == 'YAML'"
                        [readonly]="readonly"
                        [properties]="templateProperties"
                        [templateType]="templateType"
                        (propertyEdited)="yamlPropertyEdit($event)">
</winery-yaml-properties>

<winery-xml-properties *ngIf="propertyDefinitionType == 'XML'"
                       [readonly]="readonly"
                       [propertiesValue]="templateProperties"
                       (propertyEdited)="xmlPropertyEdit($event)">
</winery-xml-properties>

<div *ngIf="propertyDefinitionType == 'NONE'" style="color: dimgray; text-align: center">
    <span>No properties defined <br> for this Element.</span>
</div>
